$().ready(function() {

    $('#footer-contact li:first-child a').append('<span class="icon-16 icon-16-mail hover"></span>')
    $('#footer-contact li:nth-child(2) a').append('<span class="icon-16 icon-16-facebook hover"></span>')
    $('#footer-contact li:last-child a').append('<span class="icon-16 icon-16-twitter hover"></span>')
    
    $('#footer-contact li a').hover(function() {

            // Stuff that happens when you hover on + the stop()
            $('.hover', this).stop().animate({
                    'opacity': 1
                    }, 700, 'easeOutSine')

    },function() {

            // Stuff that happens when you unhover + the stop()
            $('.hover', this).stop().animate({
                    'opacity': 0
                    }, 700, 'easeOutSine')

    })
    
});